/* utils.css - 通用工具类 */

/* Flex 居中 */
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 左右分布（两边对齐） */
.flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* 垂直分布（上下对齐） */
.flex-column {
  display: flex;
  flex-direction: column;
}

/* 垂直分布（上下对齐） */
.flex-column-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* 绝对居中 */
.absolute-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* 固定居中 */
.fixed-center {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* 单行省略 */
.text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* 多行省略（2行） */
.text-ellipsis-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
